

function addExternalMemberForm(){
	
	var externalMemberInfoPanel1 = {
            xtype       : 'fieldset',
            id          : 'externalMemberInfoPanel1',
            //title       : 'Add External Member',
            height      : 240,
            width       : 375,
            labelWidth  : 120,
            layout      : 'form',
            items       : [
							{
							    xtype   : 'hidden',
							    id      : 'extMemberId',
							    value	: '0'
							 },
                            {
                              xtype     : 'compositefield',
                              fieldLabel: 'First Name',
                              items     : [
											
                                            {
                                                xtype   : 'textfield',
                                                id      : 'firstName',
                                                width   :  120,
                                                allowBlank : false
                                             },
                                             {
                                                xtype   : 'textfield',
                                                id      : 'middleInitial',
                                                width   :  80
                                             }
                                           ]
                            },
                            {
                            	xtype       : 'textfield',
                            	id          : 'lastName',
                            	fieldLabel  : 'Last Name',
                            	width       : 205
                            },
                            {
                                xtype       : 'textfield',
                                id          : 'title',
                                fieldLabel  : 'Title',
                                width       : 205,
                                allowBlank : false
                            },
                            
                            {
                                xtype       : 'textfield',
                                id          : 'phone1',
                                fieldLabel  : 'Phone (Work)',
                                width       : 205,
                                allowBlank  : false
                            },
                            {
                                xtype       : 'textfield',
                                id          : 'phone2',
                                fieldLabel  : 'Phone (Mobile)',
                                width       : 205,
                                allowBlank  : false
                            },
                            {
                                xtype       : 'textfield',
                                id          : 'phone3',
                                fieldLabel  : 'Phone (Home)',
                                width       : 205
                            },
                            {
                                xtype       : 'textfield',
                                id          : 'email',
                                fieldLabel  : 'Email',
                                vtype       :'email',
                                blankText   : 'abc@yahoo.com',
                                width       : 205
                            },
                            {
                                xtype       : 'textfield',
                                id          : 'phone4',
                                fieldLabel  : 'Fax',
                                width       : 205
                            }
                          ]   
		};
	
	var externalMemberInfoPanel2 = {
            xtype       : 'fieldset',
            id          : 'externalMemberInfoPanel2',
            height      : 240,
            width       : 375,
            labelWidth  : 100,
            layout      : 'form',
            items       : [{
				                xtype     : 'compositefield',
				                fieldLabel: 'Availability From ',
				                items     : [
								{
                                  xtype   : 'datefield',
                                  id      : 'from',
                                  width   :  120,
                                  allowBlank : false
                               },
                               {xtype : 'displayfield', value : 'To'},
                               {
                                  xtype   : 'datefield',
                                  id      : 'to',
                                  width   :  100
                               }
                             ]
                            },
							{
								xtype       : 'combo',
								id          : 'role',
								fieldLabel  : 'Role',
								width       : 120
							},
                            {
                                xtype       : 'textfield',
                                id          : 'rate',
                                fieldLabel  : 'Rate/hr',
                                width       : 120,
                                allowBlank : false
                            },
                            ]	   
		};
	
	var projectExtrenalMemberPanel = new Ext.FormPanel({
		id			: 'projectExtrenalMemberPanel',
		autoHeight	: true,
		frame       : true,
		width		: '100%',
		layout      : 'hbox',
		items		: [externalMemberInfoPanel1,externalMemberInfoPanel2],
        bbar		:{
		 xtype		: 'toolbar',
		 buttonAlign: 'right',
		 items		: [
		      		   	{
		      		   		xtype	: 'button',
		      		   		id		: 'saveButton',
		      		   		text	: 'Save'
		      		   	},
		      		   	'-',
		      		   	{
		      		   		xtype	: 'button',
		      		   		id		: 'updateButton',
		      		   		text	: 'Update'
		      		   	}
		      		   ]
	  }    		
	});
	
	return projectExtrenalMemberPanel;
}